<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/Home.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div class="topbar">
        <div class="container topbar-in cf">
            <div class="topbar-nav fl">
                <a href="">首页</a><span>|</span>
                <a href="">首页</a><span>|</span>
                <a href="">首页</a><span>|</span>
                <a href="">首页</a><span>|</span>
                <a href="">首页</a><span>|</span>
                <a href="">首页</a><span>|</span>
            </div>
            <div class="user-shop fr m-r10">
                购物车
            </div>
            <div class="topbar-nav fr">
                <a href="">登录</a><span>|</span>
                <a href="">注册</a><span>|</span>
                <a href="">消息通知</a><span>|</span>
            </div>

        </div>
    </div>
    <!-- 导航头 -->
    <div class="header ">
        <div class="container cf">
            <div class="logo fl"></div>
            <div class="menu fl">
                <ul class="ul-fl cf">
                    <li><a href="#">xiaomi手机</a></li>
                    <li><a href="#">Redmi手机</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">路由</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search-box fr">
                <form action="">
                    <input class="search-text" type="text" placeholder="洗衣机">
                    <button class="search-btn">搜索</button>
                </form>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner">
        <div class="container banner-in">
            <div class="cate-box">
                <ul>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                    <li class="cf"><span class="sl fl">手机</span><span class="sr fr">></span></li>
                </ul>
            </div>
            <div class="cate-details shadow2 cf">
                <div class="cate-details-item fl">
                    <ul>
                        <li class="cf"><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li class="cf"><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li class="cf"><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li class="cf"><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li class="cf"><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                    </ul>
                </div>
                <div class="cate-details-item fl">
                    <ul>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                    </ul>
                </div>
                <div class="cate-details-item fl">
                    <ul>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                        <li><a href=""><img src="./images/c13977eeb29cd4b2fbbe803ef5884176.png" alt=""><span>Redmi</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- section_pro_list -->
    <div class="section_pro_list"></div>
    <!-- 广告位 -->
    <div class="adv"></div>
    <!-- section -->
    <div class="section"></div>
    <!-- 底部 -->
    <div class="size-footer"></div>
    <!-- 网站信息 -->
    <div class="size-info"></div>
</body>

</html>